<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
	<link rel="stylesheet" type="text/css" href="/css/list.css"/>
</head>

<body>
	<header></header>
	<!-- 内容 -->
	<main>
		<div class="main">
			<div class="main-left">
				<div class="main-hot">猜你喜欢</div>
			<ul class="main-hotshop">
				<div class="hotshop" id="tabList"></div>
					<script type="text/html" id="tabListTemplate">
						{{each list tab}}
						<li>
							<div class="main-hotip">1</div>
							<a href="/html/shopcart.html?id={{tab.id}}"><img src="{{tab.image}}" alt=""></a>
							<div class="main-font">
								<a href="/html/shopcart.html?id={{tab.id}}">{{tab.title.slice(0,5)+"..."}}</a>
								<div>60天已售<span class="se">1000+</span></div>
								<div>{{tab.price}}元</div>
							</div>
						</li>
						{{/each}}
					</script>
					
				<div class="shophot2" id="tabList2"></div>
					<script type="text/html" id="tabListTemplate2">
						{{each list2 tab}}
						<li>
							<div class="main-hotip2">1</div>
							<a href="/html/shopcart.html?id={{tab.id}}"><img src="{{tab.image}}" alt=""></a>
							<div class="main-font">
								<a href="/html/shopcart.html?id={{tab.id}}">{{tab.title.slice(0,5)+"..."}}</a>
								<div>60天已售<span class="se">1000+</span></div>
								<div>{{tab.price}}元</div>
							</div>
						</li>
						{{/each}}
					</script>
				
			</ul>
			<div class="main-jiao">勇士脚印</div>
			<ul class="main-ul"  id="tabList5"></ul>
			<script type="text/html" id="tabListTemplate5">
				{{each list5 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}">
							<img src="{{tab.image}}" alt="">
							<span>去购买</span>
						</a>
					</li>
				{{/each}}
			</script>
			</div>
		</div>
		<div class="main-right">
			<div class="main-right-list">
				<div class="main-right-links">
					<h2>周边类目</h2>
					<div class="main-right-nav">
						<a href="#" class="yanse2" id="yan">全部商品</a>
						<span class="main-right-span">
							<a href="#">礼包收藏</a>
							<div class="main-right-ziji" data-id="1">
								<a href="#" class="se">全部</a>
								<a href="#">典藏包</a>
								<a href="#">雕像</a>
							</div>
							</span>
					<span class="main-right-span">
						<a href="#">手办模型</a>
						<div class="main-right-ziji ac" data-id="2">
							<a href="#" class="se">全部</a>
							<a href="#">妙趣盒</a>
							<a href="#">二代手办</a>
							<a href="#">一代手办</a>
							<a href="#">武器模型</a>
						</div>
						</span>
					<span class="main-right-span">
						<a href="#">玩家共创</a>
						<div class="main-right-ziji ac"data-id="3">
							<a href="#" class="se">全部</a>
							
						</div>
						</span>
					<span class="main-right-span">
						<a href="#">新品专区</a>
						<div class="main-right-ziji ac" data-id="4">
							<a href="#" class="se">全部</a>
							<a href="#">服饰日用</a>
							<a href="#">雕像手办</a>
							<a href="#">数码电子</a>
							<a href="#">合金制品</a>
						</div>
						</span>
						<span class="main-right-span " >
							<a href="#">电子数码</a>
							<div class="main-right-ziji ac" data-id="5">
								<a href="#" class="se">全部</a>
								<a href="#">手表</a>
								<a href="#">火机</a>
								<a href="#">音响</a>
								<a href="#">数码配件</a>
								<a href="#">泰波尔斯系列</a>
								<a href="#">鼠标垫</a>
							</div>
							</span>
							<span class="main-right-span ac" data-id="6">
								<a href="#">服饰日用</a>
								<div class="main-right-ziji ">
									<a href="#" class="se">全部</a>
									<a href="#">卫衣</a>
									<a href="#">外套</a>
									<a href="#">个人定制</a>
									<a href="#">长裤</a>
									<a href="#">棉衣</a>
									<a href="#">配件</a>
									<a href="#">毛绒</a>
									<a href="#">水杯</a>
									<a href="#">手套</a>
									<a href="#">口罩</a>
									<a href="#">其他</a>
								</div>
								</span>
					</div>
				</div>
			</div>
			<div class="main-right-shop">
				<div class="main-right-hea">
					<ul class="main-right-ul">
						<li class="whiter"><a href="#" class="fon">人气</a></li>
						<li><a href="#">热销</a></li>
						<li><a href="#">新品</a></li>
						<li><a href="#">价格</a></li>
					</ul>
					<div class="main-right-toppag">
						<span>共14个商品1/1页</span>
					</div>
				</div>
				<ul class="main-right-shophover" id="tabList3"></ul>
					<script type="text/html" id="tabListTemplate3">
						{{each list3 tab}}
						<li>
							<div class="main-right-biao"></div>
							<a href="/html/shopcart.html?id={{tab.id}}">
								<img src="{{tab.image}}" alt="">
							</a>
							<a href="/html/shopcart.html?id={{tab.id}}" class="main-right-name">{{tab.title.slice(0,7)+"..."}}</a>
							<p><span>{{tab.price}}元</span>0人点评</p>
						</li>
						{{/each}}
					</script>
					
				
			</div>
			<div class="main-right-pag">
				<div class="main-right-box">
					<div class="main-right-hui">上一页</div>
					<a href="#" class="main-right-hove">1</a>
					<div class="main-right-hui">下一页</div>
				</div>
				<span class="box-span">共14个商品</span>
			</div>
		</div>
	</main>
	<div class="service"></div>
	<div class="links">
		<div class="links-hed">
			<h3>赛丽亚为你推荐</h3>
			<a href="#" class="links-shopmore">全部周边</a>
		</div>
		<div class="links-bottom">
			<ul class="links-ul" id="tabList4">
				<script type="text/html" id="tabListTemplate4">
					{{each list4 tab}}
						<li>
							<a href="/html/shopcart.html?id={{tab.id}}"><img src="{{tab.image}}" alt=""></a>
							<a href="/html/shopcart.html?id={{tab.id}}" class="links-shop">{{tab.title.slice(0,7)+"..."}}</a>
							<p><span>{{tab.price}}元</span>0人点评</p>
						</li>
					{{/each}}
				</script>
				
			</ul>
		</div>
	</div>
	<footer></footer>
	<script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>
